<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>阿里百秀-发现生活发现美！</title>
  <link rel="stylesheet" href="./assets/vendors/aliFont/iconfont.css">
  <link rel="stylesheet" href="./assets/css/common.css">
  <link rel="stylesheet" href="./assets/css/style.css">
  
  
</head>
<body>
        <div class="hidden-xs leftBox">
          <div class="leftLogo">
            <a href="index.html">
              <img src="./assets/img/logo.png" alt="">
            </a>
          </div>
          <ul class="navAside">
          </ul>
          <div class="search">
              <input type="text" placeholder="输入关键字" class="keys">
              <span class="btn">搜索</span>
          </div>
        </div>
   <div class="content clearfix">
    <div class="rightBox">
      <div class="rightSearch">
        <h3>搜索</h3>
        <div class="searchKey">
          <input type="text" placeholder="输入关键字" class="keys">
          <button class="btn">搜索</button>
        </div>
      </div>
      <div class="rightRecommend">
        <h3>随机推荐</h3>
        <ul id="randomBox">
        </ul>
      </div>
      <div class="commentNew">
        <h3>最新评论</h3>
        <ul id="commentLasted">
 
        </ul>
      </div>
    </div>
    <div class="indexContent">
      <!-- 轮播图  -->
         <div class="swipe swiper-container swiper-no-swiping">
           <img src="./uploads/slide_1.jpg" alt="" class="hiddenImg">
          <ul class="swiper-wrapper bannerLoop clearfix">
          </ul>
          <div class="arrow-l arrowBtn"><a href="javascript:;">
            <i class="iconfont icon-zuojiantou"></i>
          </a></div>
          <div class="arrow-r arrowBtn"><a href="javascript:;">
            <i class="iconfont icon-youjiantou"></i>
          </a></div>
         
          <div class="circle">
          </div>
         </div>
         <!-- 推荐 -->
         <div class="recommend">
           <h3>热门推荐</h3>
           <ul class="recommednContent">
          
           </ul>
         </div>
         <div class="articleContent">
          <h3>最新发布</h3>
          <ul class="article">       
          </ul>
        </div> 
    </div>
   </div>
        <div class="footer">
          <p>© 2016 XIU主题演示 本站主题由 themebetter 提供</p>
        </div>
    
        <script src="./assets/vendors/art-template/template-web.js"></script>
    <script src="./assets/vendors/swipe/js/jquery.min.js"></script>
  <script src="./assets/vendors/swipe/js/swiper.min.js"></script> 
  
  <script type='text/html' id="slideShowTpl">
    {{each data}}
    <li class="swiper-slide">
      <a href="detail.html?id={{$value.link}}">
        <img src="{{$value.image}}" alt="">
        
      </a>
      <p>{{$value.title}}</p>
      
    </li>
    {{/each}}
  </script>
 
  <!-- 最新发布数据 -->
  <script type='text/html' id="lastedTpl">
    
    {{each data}}
    <li>
      <p class="articleTitle"><span>{{$value.category.title}}<i class="shape"></i></span><a href="detail.html?id={{$value._id}}">{{$value.title}}</a></p>
      
        <div class="itemContent fl">
          <span>{{$value.author.nickName}} 发表于 {{$value.createAt.split('T')[0]}}</span>
          <p class="articleText">{{$value.content.substr(0, 80)}}</p>
          <div class="comments">
            <span>阅读({{$value.meta.views}})</span>
            <span><a href="detail.html?id={{$value._id}}">评论({{$value.meta.comments}})</a></span>
            <span id="good" data-id="{{$value._id}}"><a href="javascript:;"><i class="iconfont icon-zan"></i>  赞({{$value.meta.likes}})</a></span>
            <span>分类：<a href="javascript:;">{{$value.category.title}}</a></span>
          </div>
        </div>
        <div class="itemImg">
          <a href="detail.html?id={{$value._id}}">
            <img src="{{$value.thumbnail}}" alt="">
          </a>
          
        </div>
      
   </li> 
    {{/each}}
  </script>
  <script src="./assets/js/home.js"></script>
  <script src="./assets/js/public.js"></script>
  <script src="./assets/js/recommend.js"></script>
   
</body>
</html>